这样的泡面设计,会好吃点吗?
抄一下?可口可乐换像素风格设计!
最近,
可口可乐的设计又整活了,
居然推出一款元宇宙主题的可乐。
呐,外观长这样:
这和元宇宙有啥关系,我还真看不出来。
我能看出来的是,这款可乐看着挺有像素味。。。为了贴合这次的包装设计,他们还将自己的LOGO单独设计了一个像素版本:
无论是LOGO还是包装设计,都有种复古的电子游戏风格,像素风的设计给人一种潮流、前卫的感觉。
不过,我咋看着像是可口可乐和字节跳动搞的联名了呢~
大家不要问我哪里有得卖了,我上网查了下,美洲地区限定款!
既然喝不到像素味的可乐,那不如学学像素味的设计?
那啥~
干货来的时候,挡都挡不住!
首先我们来分析一下,像素风格的设计都有哪些视觉特征。
格子、方块元素
这个无须多解释,像素化的最大特征就是图形和文字都是由小格子组成的,所以格子和方块,自然就成了像素风格的代名词。
描边、重叠效果
画过像素画的同学都知道,为了让文字或者图案的显示更加清晰锐利,经常会加一层深色的描边,或者叠加一层深色。时间久了,这种处理手法也就成了像素风格的重要特征。
复古元素
在像素风格的设计中,可以看到大量的复古元素的应用,这些元素大多来源于红白机经典游戏界面元素,或者早期的windows界面等。
像素风格的设计大多用于游戏、科技、复古等主题。其实,只要设计得当,它完全可以适用于更多设计主题。下面我们就通过实操案例来看看像素风设计如何做。
废话少说,直接动手吧。
虽说电商海报以实用为主,但是视觉特征鲜明的设计能让产品更有品牌调性,像素风给人一种潮流前卫的感觉,用在服饰类的设计上挺合适。
来看看怎么做。
第1步,
抠一张模特图。
第2步,
根据素材图片的颜色,我们吸取裙子上的黄色作为背景色,然后在画面的顶部画两行格子,与裙子的格子风格呼应。就这么简简单单的一个小元素,像素风格的感觉马上就有了。
第3步,
用像素风格的字体打上品牌名,再画一个方框用来承载文案信息。
第4步,
通过描边和叠加等方式,对标题和文本框进行细化,增加视觉层次感。
第5步,
完善其它文案信息。
OK,完工。
下一个案例,继续走你。
像素风格很容易让人想到八九十年代的红白机,下面我就通过模拟一个红白机的界面,来做一张switch的海报。
第1步,
先抠好产品图。
第2步,
设置蓝色的背景,用黑色的边框压一下画面,模拟出红白机界面的感觉。在背景上铺一层格子纹理。
第3步,
根据产品的外形,描一圈线框放在图下,让产品和整体的风格更融合。
第4步,
用像素字体打上所需要文案。
第5步,
给文字加上描边,这样不但可以让它看起来更清晰,也更有像素字的感觉了。
第6步,
给画面加上一些红白机界面中的经典元素,增加氛围感。
OK,完工。
表演继续。
对于音乐电影综艺等娱乐类的设计来说,会比电商类的海报更加有设计调性。像素风格视觉特征鲜明,正好契合这样的设计主题。
下面我们来做一张音乐海报看看。
第1步,
这次选择我喜欢的一只乐队来做海报,先来一张他们的照片。
第2步,
把照片隐藏,在画面中画格子先。为了突出海报的视觉调性,我选择了对比强烈的紫绿配色。
第3步,
在色块的边角处画几个不规则的小格子,像素风格马上就出来了有木有~
第4步,
将人物照片转成黑色调,对它进行裁切,以中间的女生为画面主角,然后置入方框中。
第5步,
用像素字体打上标题。
第6步,
原来的标题文字太细,在保持风格不变的情况下,把一些笔画进行加粗处理,让它更有视觉力度,这样标题就能压得住了。
第7步,
最后,修饰一下细节,加上对话框等辅助元素,丰富画面层次。
OK,完工。
今天的内容就到这里。
走了。
-------------------------
往期精华文章导读:
老板为什么不给你加薪?
觉得自己的工作没前途怎么办?
-END-
越努力,越幸运。
这里是庞门正道。